<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>首页布局实战</title>
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <div class="m-main">
    <div class="m-header">
      我是头部
    </div>
    <!--导航菜单开始-->
    <div class="m-menu">
      <div class="m-menu-item">
          <a class="m-title">首页</a>
      </div>
      <div class="m-menu-item">
          <a class="m-title">学院概况</a>
          <div class="m-submenu">
              <div class="m-menu-item">
                  <a class="m-title">学院简介</a>
              </div>
              <div class="m-menu-item">
                  <a class="m-title">机构设置</a>
              </div>
              <div class="m-menu-item">
                  <a class="m-title">人员设置</a>
              </div>
          </div>
      </div>
      <div class="m-menu-item">
          <a class="m-title">学科建设</a>
          <div class="m-submenu">
              <div class="m-menu-item">
                  <a class="m-title">广西重点学科</a>
              </div>
              <div class="m-menu-item">
                  <a class="m-title">计算机科学与技术学科</a>
              </div>
              <div class="m-menu-item">
                  <a class="m-title">软件工程学科</a>
              </div>
              <div class="m-menu-item">
                  <a class="m-title">信息与通信工程学科</a>
              </div>
          </div>
      </div>
      <div class="m-menu-item">
          <a class="m-title">科研工作</a>
          <div class="m-submenu">
              <div class="m-menu-item">
                  <a class="m-title">科研平台</a>
              </div>
              <div class="m-menu-item">
                  <a class="m-title">科研项目</a>
              </div>
              <div class="m-menu-item">
                  <a class="m-title">科研成果</a>
              </div>
          </div>
      </div>
      <div class="m-menu-item">
          <a class="m-title">师资队伍</a>
          <div class="m-submenu">
              <div class="m-menu-item">
                  <a class="m-title">教职工名录</a>
              </div>
              <div class="m-menu-item">
                  <a class="m-title">师资概况</a>
              </div>
              <div class="m-menu-item">
                  <a class="m-title">硕士生导师</a>
              </div>
              <div class="m-menu-item">
                  <a class="m-title">教授.副教授.博士</a>
              </div>
          </div>
      </div>
      <div class="m-menu-item">
          <a class="m-title">人才培养</a>
          <div class="m-submenu">
              <div class="m-menu-item">
                  <a class="m-title">研究生教育</a>
                  <div class="m-submenu">
                      <div class="m-menu-item">
                          <a class="m-title">学术型硕士</a>
                      </div>
                      <div class="m-menu-item">
                          <a class="m-title">全日制专业硕士</a>
                      </div>
                      <div class="m-menu-item">
                          <a class="m-title">非全日制专业硕士</a>
                      </div>
                  </div>
              </div>
              <div class="m-menu-item">
                  <a class="m-title">本科生教育</a>
                  <div class="m-submenu">
                      <div class="m-menu-item">
                          <a class="m-title">计算机科学与技术</a>
                      </div>
                      <div class="m-menu-item">
                          <a class="m-title">网络工程</a>
                      </div>
                      <div class="m-menu-item">
                          <a class="m-title">信息安全</a>
                      </div>
                      <div class="m-menu-item">
                          <a class="m-title">电子商务</a>
                      </div>
                      <div class="m-menu-item">
                          <a class="m-title">通信工程</a>
                      </div>
                      <div class="m-menu-item">
                          <a class="m-title">电子信息</a>
                      </div>
                  </div>
              </div>
          </div>
      </div>
      <div class="m-menu-item">
          <a class="m-title">重点实验室</a>
          <div class="m-submenu">
              <div class="m-menu-item">
                  <a class="m-title">区级重点实验室</a>
                  <div class="m-submenu">
                      <div class="m-menu-item">
                          <a class="m-title">广西多媒体通信与网络技术重点实验室</a>
                      </div>
                  </div>
              </div>
              <div class="m-menu-item">
                  <a class="m-title">高校重点实验室</a>
                  <div class="m-submenu">
                      <div class="m-menu-item">
                          <a class="m-title">并行分布式计算技术重点实验室</a>
                      </div>
                      <div class="m-menu-item">
                          <a class="m-title">多媒体通信与信息处理重点实验室</a>
                      </div>
                  </div>
              </div>
          </div>
      </div>
      <div class="m-menu-item">
          <a class="m-title">专业实验室</a>
          <div class="m-submenu">
              <div class="m-menu-item">
                  <a class="m-title">计算机软件综合实验室</a>
              </div>
              <div class="m-menu-item">
                  <a class="m-title">计算机网络实验室</a>
              </div>
              <div class="m-menu-item">
                  <a class="m-title">信息安全实验室</a>
              </div>
              <div class="m-menu-item">
                  <div class="m-title">电子商务实验室</div>
              </div>
              <div class="m-menu-item">
                  <a class="m-title">移动通信实验室</a>
              </div>
              <div class="m-menu-item">
                  <a class="m-title">电路与信号实验室</a>
              </div>
              <div class="m-menu-item">
                  <a class="m-title">嵌入式DSP实验室</a>
              </div>
              <div class="m-menu-item">
                  <a class="m-title">电子线路实验室</a>
              </div>
              <div class="m-menu-item">
                  <a class="m-title">数字逻辑实验室</a>
              </div>
              <div class="m-menu-item">
                  <a class="m-title">虚拟仿真实验教学中心</a>
              </div>
          </div>
      </div>
      <div class="m-menu-item">
          <a class="m-title">育人基地</a>
          <div class="m-submenu">
              <div class="m-menu-item">
                  <a class="m-title">网络空间安全</a>
              </div>
          </div>
      </div>
      <div class="m-menu-item">
          <a class="m-title">超算中心</a>
      </div>
      <div class="m-menu-item">
          <a class="m-title">校友专题</a>
          <div class="m-submenu">
              <div class="m-menu-item">
                  <a class="m-title">学校专题</a>
              </div>
              <div class="m-menu-item">
                  <a class="m-title">学院专题</a>
              </div>
              <div class="m-menu-item">
                  <a class="m-title">校友资讯</a>
              </div>
          </div>
    </div>
    <!--导航菜单结束-->
  </div>
  <div class="m-slide">
    <ul class="m-slide-image">
      <li>
        <img width="100%" height="100%" src="images/img101.png">
    </li>
      <li>
        <img width="100%" height="100%" src="images/img102.jpg">
      </li>
      <li>
        <img width="100%" height="100%" src="images/img103.png">
      </li>
      <li>
        <img width="100%" height="100%" src="images/img104.jpg">
      </li>
    </ul>
    <ul class="m-slide-dot">
      <li class="m-slide-dot-actived">1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
    </ul>
  </div>
    <div class="m-news-notice">
      <div class="m-news">新闻动态</div>
      <div class="m-notice">通知公告</div>
    </div>
    <div class="m-banner">我是广告</div>
    <div class="m-job-zhaopin">
      <div class="m-job">就业工作</div>
      <div class="m-zhaopin">招聘信息</div>
    </div>
    <div class="m-benke-dangjian">
      <div class="m-benke">本科教学</div>
      <div class="m-dangjian">党建信息</div>
    </div>
    <div class="m-link">友情链接</div>
    <div class="m-footer">广西大学 计算机与电子信息学院 版权所有</div>
  </div>
</body>
</html>